<template>
	<uni-nav-bar  :fixed="true" shadow  status-bar   title="个人中心" ></uni-nav-bar>
	<view class="content">
		<view class="touxiang">
			<view class="padding5">我的</view>
			<view class="avatarDiv">
				<image src="../../static/111.png" mode=""></image>
				<view class="session">
					<view class="userName">唐銮</view>
					<view class="userPhone">13462013212</view>
				</view>
			</view>
		</view>
		<uni-list>
			<uni-list-item title="账户名称" rightText="root" />
			<uni-list-item title="所属组织" rightText="组织机构" />
			<uni-list-item title="联系电话" rightText="13932465645" />
			<uni-list-item showArrow  title="收藏站点"  />
			<uni-list-item showArrow  title="二维码下载"  />
			<uni-list-item showArrow  title="修改密码"  />
			<uni-list-item title="关于"  rightText="V1.0.0"/>
		</uni-list>
		<button type="default" disabled="true">退出登录</button>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100vw;
		height: 85vh;
		.touxiang{
			background: linear-gradient( 218deg, #31B0FF 0%, #1678FF 100%);
			height: 14rem;
			.padding5{
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				font-size: 2rem;
				color: #FFFFFF;
				text-align: left;
				font-style: normal;
				padding: 2rem 1rem 1rem 1rem;
			}
			.avatarDiv{
				display: flex;
				height: 6rem;
				color: white;
				align-items: center;
				.session{
					margin-left: 0.5rem;
					view{
						line-height: 2rem;
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 1.2rem;
						color: #FFFFFF;
						text-align: left;
						font-style: normal;
					}
				}
				image{
					width: 3rem;
					height:3rem;
					margin-left: 1rem;
					
				}
			}
	
		}
		
	}


</style>
